<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>CSS Crash Tutorial</title>
    <link rel="stylesheet" href="./style.css">
</head>
<body>
    <div class="container">
        <div class="box1">
            <h1>Welcome to CSS</h1>
            <p>
                It's a lot of work to create a professional website, 
                so if you're new to web development, we encourage you to start small. 
                You won't build another Facebook right away, 
                but it's not hard to make your own simple website online, so we'll start there.
                By working through the articles listed below,  
                you will go from nothing to getting your first webpage online. 
                Let's begin our journey!
            </p>
            <button>Button</button>
        </div>
        <div>
            <h1>Welcome to CSS</h1>
            <p>
                It's a lot of work to create a professional website, 
                so if you're new to web development, we encourage you to start small. 
                You won't build another Facebook right away, 
                but it's not hard to make your own simple website online, so we'll start there.
                By working through the articles listed below,  
                you will go from nothing to getting your first webpage online. 
                Let's begin our journey!
            </p>
        </div>
        <div class="list">
            <ul>
                <li><a href="#">List 1</a></li>
                <li><a href="abc.asp">List 2</a></li>
                <li><a href="#">List 3</a></li>
                <li><a href="#">List 4</a></li>
            </ul>
        </div>
        <div class="block">
            <p>CSS (Cascading Style Sheets) is the code that styles web 
                content. CSS basics walks through what you need to 
                get started. We'll answer questions like: How do 
                I make text red? How do I make content display at 
                a certain location in the (webpage) layout? How do 
                I decorate my webpage with background images and colors?
            </p>
        </div>
        <div class="block">
            <p>CSS (Cascading Style Sheets) is the code that styles web 
                content. CSS basics walks through what you need to 
                get started. We'll answer questions like: How do 
                I make text red? How do I make content display at 
                a certain location in the (webpage) layout? How do 
                I decorate my webpage with background images and colors?
            </p>
        </div>
        <div class="block">
            <p>CSS (Cascading Style Sheets) is the code that styles web 
                content. CSS basics walks through what you need to 
                get started. We'll answer questions like: How do 
                I make text red? How do I make content display at 
                a certain location in the (webpage) layout? How do 
                I decorate my webpage with background images and colors?
            </p>
        </div>
        <div class="clearfix"></div>
        <div id="main-block">
            <p>Like HTML, CSS is not a programming language. 
                It's not a markup language either. 
                CSS is a style sheet language.
            </p>
        </div>
        <div id="sider-block">
            <p>Like HTML, CSS is not a programming language. 
                It's not a markup language either. 
                CSS is a style sheet language.
            </p>
        </div>
    </div>
    <div class="clearfix"></div>
    <div style="margin-top: 1000px;"></div>
</body>
</html>